.top-box{
	width: 88%;
	height: 10rem;
	margin: 10px auto;
	background: url(../../images/bg1.jpg) no-repeat left top;
	background-size: cover;
	box-sizing: border-box;
	padding: .5rem .5rem .5rem .5rem;
}
.bg{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: .2rem;
	padding-top: .2rem;
}
.u-name{
	margin: 0 auto;
	text-align: center;
	font-size: .3rem;
	color: #343332;
}
.s-img{
    display: block;
    width: 85%;
    margin: .1rem auto;
}
.s-name{
	height: 1rem;
    font-size: .3rem;
    color: #343332;
    width: 85%;
    margin: .1rem auto;
}
.form-u{
    padding-bottom: .1rem;
    padding-right: .4rem;
    text-align: right;
    font-size: .2rem;
    color: #283751;
    border-bottom: 1px solid #f2f2f2;
}
.imgs{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	width: 100%;
    padding-top: .2rem;
}
.imgs>img{
	width: 2.4rem;
	height: 2.4rem;
}
.long-tarch{
	width: 2.4rem;
	height: 2.4rem;
    padding-top: .18rem;
}
.long-tarch img{
	display: block;
	width: 1.4rem;
	height: auto;
	margin: 0 auto;
	margin-bottom: .2rem;
}
.long-tarch p{
	text-align: center;
	color: #b0b0b0;
	font-size: .2rem;
}
.end-name{
	font-size: .2rem;
	color: #283751;
	padding-left: .3rem;
	position: relative;
	bottom: -.2rem;
}
.share-btn{
	box-sizing: border-box;
	background-color: #ff7100;
	padding: .1rem .4rem;
	text-align: center;
	border-radius: 0 .2rem .2rem 0;
	position: fixed;
	bottom: .2rem;
	font-size: .2rem;
	letter-spacing: .1rem;
	border: none;
	outline: none;
}
